<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>美食今日推荐</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#d1{
				width: 300px;
				margin: 20px auto;
				border: 1px #797979 solid;
				border-radius:10px ;
				padding: 30px;
			
				
			}
			#d1:after{
				content: '';
			
				display: block;
					clear: both;
			}
			ul{
				list-style: none;
			}
			#d2{
				float: left;
				position: relative;
			}
			#d2 li{
				margin: 10px 0;
			}
			#d2 li:last-of-type{
				position: absolute;
				top: 10px;
				left: 55px;
			}
			#d3{
				font-size: 12px;
				float: left;
				margin:20px 0;
			}
			#d3 img{
				float: right;
			
			margin-bottom:20px ;
			}
			#d3 ul{
				clear:both ;
				margin-bottom:30px;
			}
			#d3 ul li a{
				font-weight: bolder;
				font-size: 14px;
			}
		</style>
	</head>
	<body>
		<div id="d1">
			
			<div id="d2">
				<h2>SHOP今日推荐</h2>
			<ul>
				<li><img src="img/img9.gif"/></li>
				<li><img src="img/img7.gif"/></li>
				<li><img src="img/img8.gif"/></li>
				<li><img src="img/img7.gif"/></li>
			<li><img src="img/shen.png"/></li>
				
			</ul>
			</div>
			<div id="d3">
				<img src="img/more.gif"/>
				<ul>
					<li><a href="#">汉来国际美食百货</a></li>
					<li>口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
					
				</ul>
				<ul>
					<li><a href="#">汉来国际美食百货</a></li>
					<li>口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
					
				</ul>
				<ul>
					<li><a href="#">汉来国际美食百货</a></li>
					<li>口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
					
				</ul>
				<ul>
					<li><a href="#">汉来国际美食百货</a></li>
					<li>口味：创意中餐</li>
					<li>区域：朝阳/CBD</li>
					
				</ul>
			</div>
		</div>
	</body>
</html>
